﻿@model IEnumerable<ERPStore.Models.Product>

<div id="homeSpecial">
	<div class="titleHeader clearfix">
		<h3>Special</h3>
		<div class="pagers">
			<div class="btn-toolbar">
				<div class="btn-group">
					<button class="btn btn-mini vNext"><i class="icon-caret-down"></i></button>
					<button class="btn btn-mini vPrev"><i class="icon-caret-up"></i></button>
				</div>
				<button class="btn btn-mini">View All</button>
			</div>
		</div>
	</div><!--end titleHeader-->


	<ul class="vProductItems cycle-slideshow vertical clearfix"
	data-cycle-fx="carousel"
	data-cycle-timeout=0
	data-cycle-slides="> li"
	data-cycle-next=".vPrev"
	data-cycle-prev=".vNext"
	data-cycle-carousel-visible="2"
	data-cycle-carousel-vertical="true"
	>
		@foreach (var product in Model) {
		<li class="span4 clearfix">
			<div class="thumbImage">
				<a href=""><img src="@Url.ImageSrc(product, 92, 92, "/content/images/92x92.jpg")" alt="@product.Title"></a>
			</div>
			<div class="thumbSetting">
				<div class="thumbTitle">
					<a href="#" class="invarseColor">
						@product.Title
					</a>
				</div>
				<div class="thumbPrice">
					<span>@product.BestPrice.Value.ToRawCurrency()</span>
				</div>
				<ul class="rating">
					<li><i class="star-off"></i></li>
					<li><i class="star-off"></i></li>
					<li><i class="star-off"></i></li>
					<li><i class="star-off"></i></li>
					<li><i class="star-off"></i></li>
				</ul>
			</div>
		</li>
		}
	</ul>
</div><!--end special-->
